﻿<!-- {%for book_name,value in info.items%}
	书名：<a href = '{{value.url}}'>{{book_name}}</a><br>
	作者：{{value.author}}<br>
	连载状态：{{value.statu}}<br>
	<hr />
	
{%endfor%} -->

{%load static%}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>小盗</title>
    <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css'%}" rel="stylesheet">
    <style type="text/css">
    	body{
			width: 100%;
			height: 100%;
			background-image:  url("{% static 'img/彩.jpg'%}");
			background-repeat: no-repeat;
			background-size:100% 100%;
			background-attachment: fixed;
			/*background-color: rgba(255,255,255,0.5);*/
		}
      .page-header{
        text-align: center;
        font-family: 微软雅黑;
      }
    	.every_novel{
    		border:solid 2px;
    		border-color: rgba(255,255,255,0.5);
    		height: 270px;
    		width: 205px;
    		margin-left: 69px;
    		margin-top: 10px;

    	}
    	
    	.all{
    		/*margin-left: 50px;*/
    		background-color: rgba(0,0,0,0.5);

    		
    		/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#40000000,endColorstr=#40000000);*/
    	}
    </style>
</head>
<body>
	<div class="page-header">
    <h2>搜索结果：</h2>
	</div>
	<div class="container all">
		
		<div class="row">
			<div class = "col-md-12">
			{%for book_name,value in info.items%}
  				<div class="col-md-4 every_novel">
  				<img src="{{value.img}}" style="width: 169px; height:169px; "><br>

				书名：{{book_name}}<br>	
  			作者：{{value.author}}<br>
				连载状态：{{value.statu}}<br>
        <form action="{%url 'novel:download'%}" method="get">
				<button type="submit" class="btn btn-primary"><a href = '{{value.url}}' style="color: white" >点击观看</a></button>
        <!-- {{value.url}} 70/70883/ -->
        <button type="submit" class="btn btn-success" name = 'url' value="{{value.url}}">下载</button>
        </form>
				
  				</div>

  			{%endfor%}
  			</div>
  	
		</div>
	</div>
	
</body>
   
 <script src="{% static 'js/jquery-3.3.1.min.js'%}"></script>
 <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js'%}"></script>
</html>